为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery入门学习之安装及语法

标签:
JQuery


说明


jQuery 是一个 JavaScript 函数库,可大大简化JavaScript编程。

主要用于

  • HTML 元素选取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函数

  • JavaScript 特效和动画

  • HTML DOM 遍历和修改

  • AJAX

  • Utilities


安装


方案一:下载jQuery-->把jQuery添加到网页

两个版本的 jQuery 可供下载:

  • Production version - 用于实际的网站中,已被精简和压缩。

  • Development version - 用于测试和开发(未压缩,是可读的代码)

    下载地址http://jquery.com/download/

添加到网页的方法:使用 HTML 的 <script> 标签在<head>部分引用即可。

方案二:通过 CDN(内容分发网络) 引用它。

谷歌和微软的服务器都存有 jQuery 。引用方法如下:

Microsoft CDN:

<head><script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>

Google CDN:

<head><script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>

使用谷歌或微软的 jQuery,有一个很大的优势:可提高加载速度,减少加载时间。



语法


jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

  • 美元符号定义 jQuery

  • 选择符(selector)“查询”和“查找” HTML 元素

  • jQuery 的 action() 执行对元素的操作

示例:

       $(this).hide() - 隐藏当前元素

       $("p").hide() - 隐藏所有段落

       $(".test").hide() - 隐藏所有 class="test" 的所有元素

       $("#test").hide() - 隐藏所有 id="test" 的元素


为了防止文档在完全加载(就绪)之前运行 jQuery 代码,所有 jQuery 函数位于 document ready 函数中:

$(document).ready(function(){--- jQuery functions go here ----});


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消